Component({
  /**
   * 组件的属性列表
   */
  properties: {
    obj: {
      type: Object,
      // default: {
      //   type: "text", //输入的类型
      //   placeholder: "输入要查找的服务",
      //   maxlength: 10,
      //   serchShow: true //搜索图标的显示隐藏
      // }
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    searchShow: true, //搜索按钮的显示隐藏
  },

  /**
   * 组件的方法列表
   */
  methods: {
    //无论是处理什么事件，icon都需要设置显示隐藏
    setSearchShow: function(e) {
      var value = e.detail.value;
      if (value) { //如果输入框有内容
        this.setData({
          searchShow: false
        })
      } else {
        this.setData({
          searchShow: true
        })
      }
    },
    //失去焦点时
    handleBlur: function(e) {
      this.setSearchShow(e);
    },
    //获取焦点时
    handleFocus: function(e) {
      this.setSearchShow(e);
    },
    //键盘输入时触发
    handleInput: function(e) {
      var value = e.detail.value;
      this.triggerEvent("handleInput", value)
      this.setSearchShow(e);
    }
  }
})